@charset "utf-8";

#banner{
	width:100%;
	min-width: 1263px;
	height:300px;
	background: linear-gradient(to bottom right, rgba(0,0,0,0.7), rgba(0,0,0,0.0)), url(../img/headline.jpg) no-repeat center;
}
#banner .center{
	width:1263px;
	margin: 0 auto;	
}
#banner hgroup{
	padding:100px 0 0 50px;
	color:#ccc;
}
#banner h2{
	font-size: 40px;
}
#banner h3{
	letter-spacing: 1px;
}
#content{
	width:1263px;
	height:600px;
	margin:40px auto;
	
}
#content .list{
	float:left;
	width:910px;
	height:300px;
	background-color: deeppink;
}
#content .sidebar{
	float:right;
	width:340px;
	
	
}
#content .block{	
	margin-bottom: 10px;
	border:1px solid #eee;
}
#content h2{
	height:40px;
	font-size: 20px;
	font-weight: normal;
	color:#666;
	text-indent: 20px;
	line-height: 40px;
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}
#content .main{
	padding:10px 10px;
}
#content .tag a{
	display: block;
	float:left;
	width:102px;
	height:34px;	
	margin:2px 2px;
	color:#999;
	line-height: 34px;
	text-indent: 10px;
	background-color: #eee;
}
#content .tag a:hover{
	color:#eee;
	background-color: darkgreen;
}

#content figure{
	float:left;
	margin:4.5px;
}
#content figcaption{
	margin-top:4px;
}

#content .tools a{
	display: block;
	float:left;
	width:155px;
	height:40px;	
	margin:2px;
	text-indent: 35px;
	color:#999;
	line-height: 40px;
}
#content .tools a.tianqi{
	background:url(../img/147402ca7ba4cc26c1e60fe23ab6dcc6_trea1.png) no-repeat 10px #eee;
}
#content .tools a.huoche{
	background: url(../img/19dd15da7f6597ddf3891622984b1727_trea4.png) no-repeat 10px #eee;
}
#content .tools a.hangkong{
	background: url(../img/3ef02641c5b26b2e29731e7a28fbcfd3_trea3.png) no-repeat 10px #eee;
}
#content .tools a.ditie{
	background: url(../img/c96bf97275e8d59a5883c8904a70a177_trea2.png) no-repeat 10px #eee;
}
